<?php
if(!isset($GLOBALS['_vars'])) $GLOBALS['_vars'] = array(); 
$fields = array();
?><!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>爱尔尽忱自闭症-网上申请</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="aplus-terminal" content="1" />
  <link href="/hyxt/m/mcss/style.css" rel="stylesheet" type="text/css">
  <script language="javascript" src="/js/qmxfrom.js"></script>
  <script language="javascript" src="js/jquery-1.7.1.min.js"></script>
  <link rel="stylesheet" type="text/css" href="css/revealm.css">
  <script language="javascript" src="js/jquery.reveal.js"></script>
  <script language="javascript" src="/js/left-fixed.js"></script>
  <!-- DZuoSn  尽忱banner -->
  <style>
    .banner {
      background: url(http://ae.365sales.cn/new-style20211021/items/images/jzzbzmbanner.jpg) top center no-repeat;
      background-size: contain;
    }
  </style>
  <!-- DZuoSn  尽忱banner  end -->
  <link href="/hyxt/m/mcss/qmx.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">
    function tj() {
      alert("请首先填写姓名保存第一步");
      window.scrollTo(10, 100);
      return false;
    }
  </script>
  <script type="text/javascript" src="templets/js/j.js"></script>
  <script type="text/javascript" src="/js/a.js" charset="utf-8"></script>
  <script type="text/javascript" src="/hyxt/pc/js/jquery-1.11.1.min.js"></script>
  <script type="text/javascript" src="/js/validate-1.14.0.min.js"></script>
  <script type="text/javascript" src="/js/qmx.js"></script>
  <style>
    .addhao {
      width: 3.4rem;
    }

    .wxts {
      color: red;
      width: 7rem;
      margin: 0 auto;
    }
  </style>
</head>

<body>
  <div class="banner">
    <div class="images">
      <a href="#" data-reveal-id="myModal2" data-animation="none">
        <?php 
 $face = $cfg_ml->fields['face'];
     if($face!=''){ echo "<img   src='$face' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'  />\r\n";
   }
  else echo "<img   src='/hyxt/pc/images/img_01.png' style='_margin-top:expression(( 180 - this.height ) / 2);cursor:pointer'   />\r\n";  
            ?>
      </a>
    </div>
    <p class="name">
      <script type="text/javascript">
        var now = (new Date()).getHours();
        if (now > 0 && now <= 6) {
          document.write("午夜好，");
        }
        else if (now > 6 && now <= 9) {
          document.write("早上好，");
        }
        else if (now > 9 && now <= 11) {
          document.write("上午好，");
        } else if (now > 11 && now <= 14) {
          document.write("中午好，");
        } else if (now > 14 && now <= 18) {
          document.write("下午好，");
        } else {
          document.write("晚上好，");
        }
      </script>
      <?php echo $cfg_ml->M_UserName?>，<a href="../member/index_dom_jz.php?fmdo=login&dopost=exit#">[退出]</a>
    </p>
  </div>
  <div class="main">
    <div class="member-tab wssq-tab">
      <ul class="member-menu" style="width:6.78rem;">
        <li><a href="indexm_jzsq.php" class="member-on">网上申请</a></li>
        <li><a href="content_listm_jz.php?channelid=37" target="_self">信息管理</a></li>
        <li><a href="zhuangtai_listm_jz.php?channelid=37" target="_self">状态查询</a></li>
        <li><a href="edit_baseinfom_jz.php?channelid=37" target="_self">账户信息</a></li>
      </ul>
      <div class="member-bot wssq-bot">
        <!-- <img src="/images/3buzhou.png"  width="100%"/> -->
        <link rel="stylesheet" type="text/css" href="/hyxt/model-head20211227/css/m-jz.css" />
        <div class="buzhou">
          <h1>网上申请<span id="title-3">3</span>步骤</h1>
          <div style="clear: both;"></div>
          <ul>
            <li class="buzhou1">
              <img src="/hyxt/model-head20211227/images/buzhou1.png" alt="步骤1">
              <p>在“网上申请”页面分布填写信息并保存，可以对已填写信息进行修改，缺少的信息进行补填。</p>
            </li>
            <div class="jiantou1 jiantou">
              <img src="/hyxt/model-head20211227/images/jindu.png">
            </div>
            <li class="buzhou2">
              <img src="/hyxt/model-head20211227/images/buzhou2.png" alt="步骤2">
              <p>申请表填写完成，确认没问题后，在“信息管理”页点击“提交”按钮提交申请。<span id="zhu">注：申请表提交后则不可以对信息进行任何修改。</span></p>
            </li>
            <div class="jiantou2 jiantou">
              <img src="/hyxt/model-head20211227/images/jindu.png">
            </div>
            <li class="buzhou3">
              <img src="/hyxt/model-head20211227/images/buzhou3.png" alt="步骤4">
              <p>由工作人员审核筛查申请信息，最终审核结果会在“状态查询”页显示。</p>
            </li>
          </ul>
          <div style="clear: both;"></div>
        </div>
        <div style="clear: both;"></div>
        <div class="member-bot-1" id="member-top1">
          <div class="wssq-form">
            <p>患儿基本信息</p>
            <form class="wssq-jbxx" name="addcontent" action="jzdbm_add.php" method="post" enctype="multipart/form-data"
              onSubmit="return checkSubmit();" id="xrkform1">
              <input type="hidden" name="sn_type_ac" value="c">
              <input type="hidden" name="sn_qmx_jz" value="爱尔尽忱">

              <input type="hidden" name="dopost" value="save" />
              <input type="hidden" name="channelid" value="37" />
              <input type='hidden' name='step' value='1' />
              <input type='hidden' name='dede_addonfields'
                value="nianling,int;quyu,text;shenqingshijian,datetime;zhuangtai,radio;zizhujine,float;zizhuleixing,radio;xingbie,radio;chushengriqi,datetime;minzu,text;huanerno,text;hukou,radio;hujizhuzhi,text;jiatingzhuzhi,text;jianhurenname,text;guanxi,text;jianhurenlianxi,text;jianhurenlianxi2,text;jianhurenshno,text;jinjirenname1,text;jinjiren1guanxi,text;jinjiren1lianxi,text;jinjiren2,text;jinji2guanxi,text;jinji2lianxi,text;shebao,radio;jieshoujiuzhu,radio;shouzhuriqi,datetime;zizhujigou,text;zizhujineaier,float;jiazongshouru,radio;jiarenjunshouru,radio;jiarenkou,text;jialaodongli,text;duoxuan,checkbox;danganno,text;dibaono,text;junlieshuno,text;fulijigou,text;shenqingshuoming,htmltext;juweihui,htmltext;xiangzhen,htmltext;quezheng,text;fabingshijian,datetime;quezhengshijian,datetime;quezhengyiyuan,text;cengyiyuan1,text;zhiliao1,datetime;cengyiyuan2,text;zhiliao2,datetime;cengyiyuan3,text;cengriqi3,datetime;xunlianleibie,radio;jigoushijian,datetime;kangfu1shijian,datetime;kangfujigou1,text;kangfushijian2,datetime;kangfujigou2,text;kangfushijian3,datetime;kangfujigou3,text;qitajibing,radio;jianshu,htmltext;jianhurenqianzi,text;kfjs1,datetime;kfjs2,datetime;kfjs3,datetime;yyyj,htmltext;aieryijian,htmltext;beizhu,htmltext;liyou,htmltext;num,int;hrimg,imgfile;jhrsqz1,imgfile;jhrsfz2,imgfile;jhrhkzy,imgfile;jhrhkb,imgfile;hrsfz,imgfile;jtqkzm,imgfile;sqly,htmltext;tijiao,int;test,radio;shztime,datetime;shjgtime,datetime;zzztime,datetime;yzztime,datetime;clbctime,datetime;dsctime,datetime;dibaoimg,imgfile;junlieshuimg,imgfile;qitaimg,imgfile;shoushufei,float;kangfufei,float;ercishoushufei,float;sn_type_ac,text;sn_canji_img,imgfile;sn_zhenduan_img,imgfile;sn_shoushu_time,datetime;sn_shoushu_yiyuan,text;sn_shoushu_buwei,text;sn_kangfu_long,text;sn_canji_rad,radio;sn_bank_id,text;sn_bank_name,text;sn_bank_hang,text;jinjiren1lianxi2,text;jinji2lianxi2,text;quezhengnianling,text;sn_qmx_jz,text;title2,text;chushengriqi2,datetime;xingbie2,radio;quezhengnianling2,text;huanerno2,text;sn_canji_rad2,radio;kangfuname,text;kangfuname2,text;sn_two_star_family_img,imgfile;sn_three_type_img,imgfile;sn_allow_prove_img,imgfile">
              <input type="hidden" name="dede_fieldshash" value="98cc0a2a68a8d54d8a545d7be4e98cb9" />
              <p style="display:none">
                <?php
      $nowtime = GetDateTimeMk(time());
      echo "<input name=\"shenqingshijian\" value=\"$nowtime\" type=\"hidden\" id=\"shenqingshijian\" >";
      ?>
                <select name='typeid' size='1'>
                  <option value='69' class='option3' selected=''>─爱尔尽忱计划</option>
                </select>
              </p>
              <ul>
                <li>
                  <span>患儿1姓名：</span>
                  <input type="text" class="name" name="title" id="title">
                </li>
                <li>
                  <span>出生日期：</span>
                  <input name="chushengriqi" value="" type="text" id="chushengriqi" class="name" />
                </li>
                <li>
                  <span>性别：</span>
                  <div class="sb">

                    <input type='radio' name='xingbie' class='np xxlx' id='man' value='男'>
                    <p>男</p>
                    <input type='radio' name='xingbie' id='woman' class='np xxlx' value='女' required>
                    <p>女</p>
                    <div style="clear:both;"></div>
                  </div>
                </li>

                <li>
                  <span>确诊年龄：</span>
                  <input type="text" class="name" name='quezhengnianling' id="quezhengnianling">
                </li>

                <li>
                  <span>身份证号：</span>
                  <input type="text" class="name" name='huanerno' id='huanerno'>
                </li>
                <li>
                  <span>是否有残疾证：</span>
                  <div class="sb">

                    <input type='radio' name='sn_canji_rad' class='np xxlx' id='man' value='是'>
                    <p>是</p>
                    <input type='radio' name='sn_canji_rad' id='woman' class='np xxlx' value='否' required>
                    <p>否</p>
                    <div style="clear:both;"></div>
                  </div>
                </li>
                <!-- 患儿2 -->
                <li>
                  <span>患儿2姓名：</span>
                  <input type="text" class="name" name="title2" id="title2">
                </li>
                <li>
                  <span>出生日期：</span>
                  <input name="chushengriqi2" value="" type="text" id="chushengriqi2" class="name" />
                </li>
                <li>
                  <span>性别：</span>
                  <div class="sb">

                    <input type='radio' name='xingbie2' class='np xxlx' id='man' value='男'>
                    <p>男</p>
                    <input type='radio' name='xingbie2' id='woman' class='np xxlx' value='女' required>
                    <p>女</p>
                    <div style="clear:both;"></div>
                  </div>
                </li>

                <li>
                  <span>确诊年龄：</span>
                  <input type="text" class="name" name='quezhengnianling2' id="quezhengnianling2">
                </li>

                <li>
                  <span>身份证号：</span>
                  <input type="text" class="name" name='huanerno2' id='huanerno2'>
                </li>
                <li>
                  <span>是否有残疾证：</span>
                  <div class="sb">

                    <input type='radio' name='sn_canji_rad2' class='np xxlx' id='man' value='是'>
                    <p>是</p>
                    <input type='radio' name='sn_canji_rad2' id='woman' class='np xxlx' value='否' required>
                    <p>否</p>
                    <div style="clear:both;"></div>
                  </div>
                </li>
                <!-- 患儿2   -->

                <li>
                  <span>家庭住址：</span>
                  <input type="text" class="name" name='hujizhuzhi' id='hujizhuzhi'>
                </li>
                <li>
                  <span>银行卡账号 （限患儿直系亲属）：</span>
                  <input type="text" class="name" name='sn_bank_id' id='sn_bank_id'>
                </li>
                <li>
                  <span>开户名：</span>
                  <input type="text" class="name" name='sn_bank_name' id='sn_bank_name'>
                </li>
                <li>
                  <span>开户行：</span>
                  <input type="text" class="name" name='sn_bank_hang' id='sn_bank_hang'>
                </li>



                <li>
                  <span>监护人姓名：</span>
                  <input type="text" name='jianhurenname' id='jianhurenname' value="" class="name">
                </li>
                <li>
                  <span>与患儿关系：</span>
                  <input type="text" name='guanxi' id='guanxi' value="" class="name">
                </li>
                <li class="address">
                  <span>监护人身份证号：</span>
                  <input type="text" name='jianhurenshno' id='jianhurenshno' value="" class="family">
                </li>
                <li>
                  <span>联系方式1：</span>
                  <input type="text" name='jianhurenlianxi' id='jianhurenlianxi' value="" class="name">
                </li>


                <li>
                  <span>紧急联系人1：</span>
                  <input type="text" name='jinjirenname1' id='jinjirenname1' value="" class="name">
                </li>
                <li>
                  <span>与患儿关系：</span>
                  <input type="text" name='jinjiren1guanxi' id='jinjiren1guanxi' value="" class="name">
                </li>
                <li>
                  <span>联系方式：</span>
                  <input type="text" name='jinjiren1lianxi' id='jinjiren1lianxi' value="" class="name">
                </li>
                <li>
                  <span>联系方式2：</span>
                  <input type="text" name='jinjiren1lianxi2' id='jinjiren1lianxi2' value="" class="name">
                </li>
                <li>
                  <span>紧急联系人2：</span>
                  <input type="text" name='jinjiren2' id='jinjiren2' value="" class="name">
                </li>
                <li>
                  <span>与患儿关系：</span>
                  <input type="text" name='jinji2guanxi' id='jinji2guanxi' value="" class="name">
                </li>
                <li>
                  <span>联系方式：</span>
                  <input type="text" name='jinji2lianxi' id='jinji2lianxi' value="" class="name">
                </li>
                <li>
                  <span>联系方式2：</span>
                  <input type="text" name='jinji2lianxi2' id='jinji2lianxi2' value="" class="name">
                </li>

                <li class="kfqk">
                  <div class="kfqk-bottom"><br>
                    <span>康复人1姓名：</span>
                    <input type="text" class="name" name='kangfuname' id='kangfuname'>
                    <div class="kfjl">
                      曾康复机构：<br>
                      <input type="text" class="name" name='kangfujigou1' id='kangfujigou1'>
                      <br>

                      <span>康复时间：</span>
                      自：<input name="kangfu1shijian" value="" type="text" id="kangfu1shijian" class="name data" />
                      <script language="javascript" type="text/javascript">
                        Calendar.setup({
                          inputField: "kangfu1shijian",
                          ifFormat: "%Y-%m-%d",
                          showsTime: true,
                          timeFormat: "24"
                        });
                      </script>至：&nbsp;&nbsp;<input name="kfjs1" value="" type="text" id="kfjs1" class="name data" />
                      <script language="javascript" type="text/javascript">
                        Calendar.setup({
                          inputField: "kfjs1",
                          ifFormat: "%Y-%m-%d",
                          showsTime: true,
                          timeFormat: "24"
                        });
                      </script><br>
                    </div>
                  </div>
                </li>

                <!-- 患儿2 -->
                <li class="kfqk">
                  <div class="kfqk-bottom"><br>
                    <span>康复人2姓名：</span>
                    <input type="text" class="name" name='kangfuname2' id='kangfuname2'>

                    <div class="kfjl">
                      曾康复机构：<br>
                      <input type="text" class="name" name='kangfujigou2' id='kangfujigou2'>
                      <br>

                      <span>康复时间：</span>
                      自：<input name="kangfushijian2" value="" type="text" id="kangfushijian2" class="name data" />
                      <script language="javascript" type="text/javascript">
                        Calendar.setup({
                          inputField: "kangfushijian2",
                          ifFormat: "%Y-%m-%d",
                          showsTime: true,
                          timeFormat: "24"
                        });
                      </script>至：&nbsp;&nbsp;<input name="kfjs2" value="" type="text" id="kfjs2" class="name data" />
                      <script language="javascript" type="text/javascript">
                        Calendar.setup({
                          inputField: "kfjs2",
                          ifFormat: "%Y-%m-%d",
                          showsTime: true,
                          timeFormat: "24"
                        });
                      </script><br>
                    </div>
                  </div>
                </li>
                <!-- 患儿2 -->


                <li>
                  <textarea name="shenqingshuoming" placeholder="（请详细描述救助理由，可另附家庭情况说明）"></textarea>
                </li>



              </ul>
              <button type="submit" class="keep">保存</button>
            </form>
          </div>


          <div class="wssq-form">
            <p>图片上传</p>
            <a class="img-yl" href="#" data-reveal-id="myModal3" data-animation="none">*****上传图片前请点击此处查看图片示例*****</a>
            <!-- <div class="wxts">温馨提示：如果既不是建档立卡贫困户又没低保证，如有村委会和镇政府同时出具的贫困证明材料（加盖公章），同样符合申请条件。</div> -->
            <form class="wssq-jbxx" name="form2" action="" method="post" enctype="multipart/form-data"
              onSubmit="return checkSubmit();">
              <input type="hidden" name="dopost" value="save" />
              <input type="hidden" name="channelid" value="37" />
              <input type='hidden' name='step' value='4' />
              <input type='hidden' name='dede_addonfields'
                value="hrimg,file;jhrsqz1,file;jhrsfz2,file;jhrhkzy,file;jhrhkb,file;hrsfz,file;jtqkzm,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;dibaoimg,file;junlieshuimg,file;qitaimg,file;sn_two_star_family_img,imgfile;sn_three_type_img,imgfile;sn_allow_prove_img,imgfile">
              <input type="hidden" name="dede_fieldshash" value="ecb7a2fcae3e38a8c9c721cf0b4ecad5" />
              <p style="display:none">
                <select name='typeid' size='1'>
                  <option value='69' class='option3' selected=''>─爱尔尽忱计划</option>
                </select>
              </p>
              <ul class="fileimg">
                <li>
                  <span><b style="color:#FF0000">患儿照片（请上传患儿正面全身照） *</b>：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='hrimg' id='hrimg' class="fileinput">
                  </div>
                </li>
                <li>
                  <span>患儿身份证\户口本\出生证<b style="color:#FF0000"> *</b>：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='hrsfz' id='hrsfz' class="fileinput">
                  </div>
                </li>
                <li>
                  <span>患儿残疾证(如果有，请提供)：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='sn_canji_img' id='sn_canji_img' class="fileinput">
                  </div>
                </li>

                <li>
                  <span>法定监护人身份证(正面)<b style="color:#FF0000"> *</b>：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='jhrsqz1' id='jhrsqz1' class="fileinput">
                  </div>
                </li>
                <li>
                  <span>法定监护人身份证(背面)<b style="color:#FF0000"> *</b>：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='jhrsfz2' id='jhrsfz2' class="fileinput">
                  </div>
                </li>

                <li>
                  <span>法定监护人户口本(本人页)<b style="color:#FF0000"> *</b>：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='jhrhkb' id='jhrhkb' class="fileinput">
                  </div>
                </li>






                <li>
                  <span>患儿诊断证明原件（二级甲等医院及以上：</span>
                  <div class="on">
                    <div class="xian"></div>
                    <div class="chahao"></div>
                  </div>
                  <div class="addhao">
                    <a class="xzbtn">选择文件</a>
                    <input type="file" name='sn_zhenduan_img' id='sn_zhenduan_img' class="fileinput">
                  </div>
                </li>


                  <!-- DZuoSn  2024年8月31日 新加 -->



                  <li>
                    <span>孤独症双星家庭照片：</span>
                    <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                    </div>
                    <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_two_star_family_img' id='sn_two_star_family_img' class="fileinput">
                    </div>
                  </li>
                  <li>
                    <span>脱贫监测三类户：</span>
                    <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                    </div>
                    <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_three_type_img' id='sn_three_type_img' class="fileinput">
                    </div>
                  </li>
                  <li>
                    <span>低保证明：</span>
                    <div class="on">
                      <div class="xian"></div>
                      <div class="chahao"></div>
                    </div>
                    <div class="addhao">
                      <a class="xzbtn">选择文件</a>
                      <input type="file" name='sn_allow_prove_img' id='sn_allow_prove_img' class="fileinput">
                    </div>
                  </li>
                  <!-- DZuoSn  2024年8月31日 新加  end -->
              </ul>
              <button type="button" onclick="tj();" class="keep">保存</button>
            </form>
          </div>

          </form> <br /><br /><br /><br />
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    $(".wssq-form p").click(function () {
      $(this).next("form").slideToggle(300).siblings("form").slideUp(300);
    })
  </script>
  <!--弹窗开始-->
  <div id="myModal2" class="reveal-modal">
    <div class="center">
      <p class="title" style="display:none;">更换头像</p>
      <form action="edit_face.php" method="post" enctype="multipart/form-data" name="form1">
        <input type="hidden" name="dopost" value="save" />
        <div id="mainCp">
          <h3 class="meTitle"><strong>用户头像</strong></h3>
          <div class="postForm">
            <p class="cellBg" style="display:none">
              <label style="width:90px">手工填写网址：</label>
              <input name='oldface' type='hidden' id='oldface' value='<?php echo $face; ?>' />
              <input name='faceurl' type='text' id='faceurl' size='35' class='intxt' style='width:250px'
                value='<?php echo $face; ?>' />
            <p>
              <label style="display:none;">选择上传的文件：</label>
              <input name="face" type="file" id="face" size="45" />
            </p>
            <p class="cellBg">
              <label style="width:90px"><b>原来的头像：</b></label>
            <div id='faceview' class='overflow mTB10 litPic'>
              <?php
                if($face!='') echo " <img class='' src='$face' style='_margin-top:expression(( 180 - this.height ) / 2);' />\r\n";
            ?>
            </div>
            </p>
            <p>
              <button class="export"
                type="submit">&nbsp;&nbsp;&nbsp;&nbsp;更&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;&nbsp;</button>
            </p>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!--弹窗结束-->
  <!--图片上传样例-->
  <div id="myModal3" class="reveal-modal reveal-modal-imgyl">
    <div class="yl-pic">
      <ul>
        <li>正确样例<br>
          <div><img src="/images/yl2.png" alt="正确样例"></div>
        </li>
        <li>错误样例<br>
          <div><img src="/images/yl1.png" alt="错误样例"></div>
        </li>
        <div style="clear:both;"></div>
        <span style="color:red;">请上传证件/文件有效区照片，非有效区域请删除，证件/文件请旋转至正确示例图角度</span>
        <div style="color:#333;">点击其他任意地方可以返回</div>
      </ul>
    </div>
  </div>
  <!--图片上传样例-->

  <script>
    // 单张上传照片  删除照片
    $(" .fileinput").change(function () {
      var file = this.files[0];
      readFile(file, $(this).parent().siblings(".on"));
    });
    $(".on").mouseover(function () {
      $(this).children(".xian").show();
      $(this).children(".chahao").show();
    });
    $(".on").mouseleave(function () {
      $(this).children(".xian").hide();
      $(this).children(".chahao").hide();
    });
    $(".chahao").click(function () {
      $(this).next().remove();
      $(".xian").hide();
      $(".chahao").hide();
      $(this).parent().hide();
      $(this).parent().siblings(".addhao").show();
      $(this).parent().siblings(".addhao").children().val("");
    });
    var on = document.querySelector(".on");
    //    需要把阅读的文件传进来file element是把读取到的内容放入的容器
    function readFile(file, element) {
      //        新建阅读器
      var reader = new FileReader();
      //        根据文件类型选择阅读方式
      switch (file.type) {
        case 'image/jpg':
        case 'image/png':
        case 'image/jpeg':
        case 'image/gif':
          reader.readAsDataURL(file);
          break;
      }
      //        当文件阅读结束后执行的方法
      reader.addEventListener('load', function () {
        //         如果说让读取的文件显示的话 还是需要通过文件的类型创建不同的标签
        switch (file.type) {
          case 'image/jpg':
          case 'image/png':
          case 'image/jpeg':
          case 'image/gif':
            var img = document.createElement('img');
            img.src = reader.result;
            element.append(img);
            //  element.siblings(".addhao").hide();
            element.show();
            break;
        }
      });
    }
    // 批量上传部分
    var piliang = document.querySelector('#piliang');
    var on = $(".on");
    piliang.addEventListener('change', function () {
      for (var i = 0; i < this.files.length; i++) {
        var file = this.files[i];
        on.eq(i).children(".chahao").next().remove();
        readFile(file, on.eq(i));
      }
    });
    //
    var on = $(".on");
    $(".next").click(function () {
      for (var i = 0; i < 10; i++) {
        console.log(on[i].childNodes.length);
        if (on[i].childNodes.length == 6) {
          //这个判断就是说明里面有多少个孩子，孩子不够数，不会生成相册
        } else {
          alert("上传照片不足3张");
          $(".next").attr("href", "javascript:void(0)");
          return
        }
        $(".next").attr("href", "生成相册.html");
      }
    });
  </script>
</body>

</html>
<style type="text/css">
  .reveal-modal-imgyl {
    top: 68rem !important;
  }
</style>